<!DOCTYPE html>
<body>
 <nav class="navbar navbar-expand-lg bg-body-tertiary">
        <div class="container-fluid">
            
                <a class="navbar-brand" href=" ">Navbar</a>
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                    <span class="navbar-toggler-icon"></span>
                </button>

                <div class="collapse navbar-collapse" id="navbarNav">
                    <ul class="navbar-nav me-auto">
                        <li class="nav-item">
                            <a class="nav-link active" href="index copy.html">Home</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="energy.html">New Energy Articles</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="man.html">New Energy Technologies</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link active" href="sun.html">New Energy Creations</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link active" href="new energy.html">Mini Quizzes On New Energy Knowledge</a>
                        </li>
                    </ul>
                </div>
            </div>
    </nav>

</body>
<main class="form-signin w-100 m-auto">
    <form>
      <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.3.3/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
    
      <img class="mb-4" src="images/VCG211425991949.jpg" alt="" width="72" height="57">
      <h1 class="h3 mb-3 fw-normal">Please sign in</h1>
  
      <div class="form-floating">
        <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
        <label for="floatingInput">Email address</label>
      </div>
      <div class="form-floating">
        <input type="password" class="form-control" id="floatingPassword" placeholder="Password">
        <label for="floatingPassword">Password</label>
      </div>
  
      <div class="form-check text-start my-3">
        <input class="form-check-input" type="checkbox" value="remember-me" id="checkDefault">
        <label class="form-check-label" for="checkDefault">
          Remember me
        </label>
      </div>
      <button class="btn btn-primary w-100 py-2" type="button" id="button2">Sign in</button>
      <p class="mt-5 mb-3 text-body-secondary">&copy; 2017–2025</p>
    </form>
  </main>
  <script defer src="/docs/5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-k6d4wzSIapyDyv1kpU366/PK5hCdSbCRGRCMv+eplOQJWyd1fbcAu9OCUj5zNLiq"></script>
  <script src="./scripts/skeleton.js"></script>
  <script src="./scripts/location.js"></script>